<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="viewport" content="width=320.1, user-scalable=no">
    <title>首页</title>
    <link href="./public/static/css/main.css" type="text/css" rel="stylesheet">
    <link href="./public/static/css/sprite.css" type="text/css" rel="stylesheet">
</head>

<body class="page-of-intro">
    <div class="wrapper">
        <nav class="page-nav viewpoint">
            <a href="index.html">关于我们</a>
            <a class="active" href="intro.html">业务介绍</a>
            <a class="mailto" href="mailto:"><i class="icons icon-email"></i></a>
        </nav>

        <nav class="page-nav-mobile">
            <div class="logo fl"></div>
            <div class="nav fr">
                <a class="thumb"></a>
                <ul class="poper">
                    <li><a href="index.html">关于我们</a></li>
                    <li><a href="intro.html">业务介绍</a></li>
                </ul>
            </div>
        </nav>

        <div class="banner" id="banner">
            <ul class="list">
                <li style="background-image: url(public/static/images/intro/banner/1.png)">
                    <div class="text viewpoint">
                        <div class="title">关于我们的转型业务</div>
                        <div class="desc">
                            In a matter of a day, Tableau Online enabled us to create the reports, push them out across the organization, and have different individuals in the organization connect to those reports online from
                        </div>
                    </div>
                </li>
            </ul>
            <div class="apps">
                <a href=""><i class="icons icon-facebook"></i></a>
                <a href=""><i class="icons icon-linkedin"></i></a>
                <a href=""><i class="icons icon-youtube"></i></a>
                <a href=""><i class="icons icon-twitter"></i></a>
                <a href=""><i class="icons icon-instagram"></i></a>
                <hr>
                <a href=""><i class="icons icon-more-apps"></i></a>
            </div>
        </div>

        <div class="biz">
            <div class="text">
                <div class="box">
                    <h1>具体业务介绍</h1>
                    <p>In a matter of a day, Tableau Online enabled us to create the reports, push them out across the organization, and have different individuals in the organization connect to those reports online from</p>
                    <a href="" class="btn">CONTACT US</a>
                </div>
            </div>
            <div class="diagram">
                <img src="public/static/images/intro/biz.png">
            </div>
        </div>

        <ul class="products clearfix">
            <li style="background-image: url('public/static/images/intro/p1.png')">
                <div class="text">
                    <div class="box">
                        <h1>虎丘婚纱网</h1>
                        <p>In a matter of a day, Tableau Online enabled us to create the reports, push them out across the organization, and have different individuals in the organization connect to those reports online from</p>
                        <a href="">Learn More<i class="icons icon-arr-r-c"></i></a>
                    </div>
                </div>
            </li>
            <li style="background-image: url('public/static/images/intro/p2.png')">
                <!--<div class="text">-->
                    <!--<div class="box">-->
                        <!--<h1>虎丘婚纱网</h1>-->
                        <!--<p>In a matter of a day, Tableau Online enabled us to create the reports, push them out across the organization, and have different individuals in the organization connect to those reports online from</p>-->
                        <!--<a href="">Learn More<i class="icons icon-arr-r-c"></i></a>-->
                    <!--</div>-->
                <!--</div>-->
            </li>
            <li style="background-image: url('public/static/images/intro/p3.png')">
                <!--<div class="text">-->
                    <!--<div class="box">-->
                        <!--<h1>虎丘婚纱网</h1>-->
                        <!--<p>In a matter of a day, Tableau Online enabled us to create the reports, push them out across the organization, and have different individuals in the organization connect to those reports online from</p>-->
                        <!--<a href="">Learn More<i class="icons icon-arr-r-c"></i></a>-->
                    <!--</div>-->
                <!--</div>-->
            </li>
            <li style="background-image: url('public/static/images/intro/p4.png')">
                <!--<div class="text">-->
                    <!--<div class="box">-->
                        <!--<h1>虎丘婚纱网</h1>-->
                        <!--<p>In a matter of a day, Tableau Online enabled us to create the reports, push them out across the organization, and have different individuals in the organization connect to those reports online from</p>-->
                        <!--<a href="">Learn More<i class="icons icon-arr-r-c"></i></a>-->
                    <!--</div>-->
                <!--</div>-->
            </li>
        </ul>

        <div class="feature">
            <div class="header">
                <h1>特色介绍</h1>
                <p>In a matter of a day, Tableau Online enabled us to create the reports,</p>
            </div>
            <div class="body viewpoint">
                <div class="diagram">
                    <img src="public/static/images/intro/f.png" alt="">
                </div>
                <div class="item">
                    <h1>公司简介</h1>
                    <p>In 2015, the cloud technology landscape changed in wa only a highly disruptive market can. From watershed inn
                        announcements to unexpected business moves, 2015 d last shred of doubt from the minds of skeptics that the cl  revolution is permanent. At the eye of this storm is the realization that data as a </p>
                </div>
                <ul class="nav">
                    <li class="active">新的商业模式 ：移动互联网的让商业节约不简单</li>
                    <li>新的用户体验 ：每个用户触点都是绝佳体验机会</li>
                    <li>新的服务渠道 ：大数据下的精准电子渠道集成者</li>
                </ul>
            </div>
        </div>

        <div class="tools">
            <div class="viewpoint">
                <div class="text">
                    <h1>转型工具箱</h1>
                    <p>转型工具箱提供一站式企业转型解决方案</p>
                    <a href="" class="btn">Learn more about it</a>
                </div>
            </div>
        </div>

        <footer>
            <ul class="viewpoint">
                <li>
                    <div class="item">
                        <h1>About US</h1>
                        <div class="links clearfix">
                            <a href="">Why US</a>
                            <a href="">Features</a>
                            <a href="">Guide</a>
                            <a href="">Leasing</a>
                            <a href="">Clearance</a>
                            <a class="col-2" href="">Coorperation</a>
                            <a href="">Video</a>
                        </div>
                    </div>
                    <div class="item copyright clearfix">
                        © ALL Copyritght RESERVED  2016.
                        <a href="">京ICP备15056030号 </a>
                    </div>
                </li>
                <li>
                    <div class="item">
                        <h1>Hotlines</h1>
                        <p>0755-2839999</p>
                    </div>
                    <div class="item">
                        <h1>Email</h1>
                        <p>EMAIL@YEARONEINVEST.COM</p>
                    </div>
                </li>
            </ul>
        </footer>

    </div>

    <script src="public/static/js/libs/jquery-1.9.1.js"></script>
    <script>
        var $navMobile = $(".page-nav-mobile");
        $navMobile.on("click",".thumb",function(){
            $navMobile.find(".nav .poper").toggleClass("show");
        });

        $(document).on("mousedown touchstart",function(e){
            if(!$(e.target).closest(".page-nav-mobile .nav")[0]){
                $navMobile.find(".nav .poper").removeClass("show");
            }
        });
    </script>
</body>
</html>